.login {
  height: 100vh;
  width: 100vw;
  .model {
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../../assets/images/background.png) no-repeat fixed center;
    background-size: 100% 100%;
    .login-logo {
      margin: 0 auto;
      width: 100%;
      background: url('../../assets/images/logo.png') no-repeat center;
      background-size: 170px 54px;
      // margin-top: -108px;
      height: 86px;
      margin-bottom: 10px;
      // margin-left: 100px;
    }

    .login-form {
      position: relative;
      background: rgba(97, 82, 69, .5);
      padding: 2rem;
      width: 380px;
      border-radius: 5px;

      h3 {
        color: #EEEEEE;
        text-align: center;
        font-size: 20px;
      }

      .ant-divider {
        background-position: center;
        background: url('../../assets/images/login_line.png') no-repeat;
        width: 285px;
        min-width: 285px;
        height: 2px;
      }

      .form-item {
        text-align: center;
      }

      #loginName {
        width: 100%;
        height: 50px;
      }

      .code-change-box {
        position: absolute;
        right: 50px;
        bottom: 135px;
      }

      #password {
        width: 100%;
        height: 40px;
      }

      #captcha {
        height: 50px;
        display: flex;
        justify-content: space-between;
      }

      .login-form-button {
        width: 100%;
        height: 50px;
        font-size: 20px;
      }

      .code-change-btn {
        user-select: none;
        color: #0064FF;
        line-height: 50px;
        margin-left: 10px;
        cursor: pointer;
      }
    }
  }

  .toRegister {
    text-align: right;
    cursor: pointer;
  }

  .ant-form {
    width: 276px;
    margin: 0 auto;
  }
}

.img-center-label {
  width: 126px;
  height: 50px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.particles-bg-canvas-self {
  z-index: 0 !important;
  background-image: url("../../assets/images/login.jpg");
}

.ant-form-item-explain.ant-form-item-explain-error {
  &>div {
    text-align: left;
  }
}